<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@page import="modelo.Usuario"%>
<% Usuario p = (Usuario) session.getAttribute("USUARIO_ACTUAL"); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type="text/css" href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
 <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/header3_setup.css" />
  <!--  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_setup.css" />
  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_text.css" /> -->
  <link rel="stylesheet" type="text/css" media="screen,projection,print"
	href="./css/layout3_setup.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
	href="./css/layout3_text.css" />
  <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script>
	<script src="js/bootstrap.js"> </script>
	<script src="js/Popover.js"> </script>
	<script src="js/Tooltip.js"> </script>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-carousel.js"></script>

   <script language="javascript" type="text/javascript">
    //*** Este Codigo permite Validar que sea un campo Numerico
    function Solo_Numerico(variable){
        Numer=parseInt(variable);
        if (isNaN(Numer)){
            return "";
        }
        return Numer;
    }
    function ValNumero(Control){
        Control.value=Solo_Numerico(Control.value);
    }
    function Validar(contact_firstname, contact_familyname1, contact_familyname2, txtemail, nroidentidad, txtphone, fechanac){
    	contact_firstname=document.getElementById(contact_firstname);
    	contact_familyname1=document.getElementById(contact_familyname1);
    	contact_familyname2=document.getElementById(contact_familyname2);
    	txtemail=document.getElementById(txtemail);
    	nroidentidad=parseInt(document.getElementById(nroidentidad),8);
    	txtphone=parseInt(document.getElementById(txtphone),10);
    	fechanac=document.getElementById(fechanac);
    
    	xreturn=true;
    	if(contact_firstname.value==""){
    		alert("El campo Nombre esta vacio");
    		contact_firstname.focus();
    		return false;
    	}
		if(contact_familyname1.value==""){
			alert("El campo Apellido paterno esta vacio");
			contact_familyname1.focus();
			return false;
		}//else{
		if(contact_familyname2.value==""){
			alert("El campo Apellido materno esta vacio");
			contact_familyname2.focus();
			return false;
		}
		if(txtemail.value==""){
			alert("El campo Correo esta vacio");
			txtemail.focus();
			return false;
		}
		if(parseInt(nroidentidad,8)==0){
			alert("El campo Nro de Identidad esta vacio");
			nroidentidad.focus();
			return false;
		}
		if(fechanac.valueu==""){
			alert("El campo de Fecha Nacimiento esta vacio");
			fechanac.focus();
			return false;
		}
		else
			alert("El campo falta llenar ");
		// Si pasa todo regresa TRUE
		return false;
    }
    
    
</script>
<title> Persona </title>
<script>
       function validar(){
         var n = document.login.username.value;
         var c = document.login.password.value;

         if (n == ""){
            alert('Ingrese nombre');
            return false;
         } else if( c == ""){
            alert('Ingrese clave');
            return false;
         }
         return true;
       }
    </script>
<style type="text/css">
.blanco {
	color: #FFF;
	text-align: right;
	font-weight: bold;
}
.letra {
	font-family: Calibri;
	font-size: 12px;
}

.anaranjado {
	color: #FF8000;
	text-align: right;
	font-weight: bold;
	font-size:9px
}
.rojo {
	color: #F00;
}
</style>

</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script>
<script src="js/bootstrap.js"> </script>
<script src="js/Popover.js"> </script>
<script src="js/Tooltip.js"> </script>

<script> 
	$(function(){
		$('#fechanac').popover();
	});
	</script>
<script> 
	$(function(){
		$('#txtemail').popover();
	});
	</script>
	
<script> 
	$(function(){
		$('#btnGrabar').popover();
	});
	</script>
	
<script> 
	$(function(){
		$('#nroidentidad').popover();
	});
	</script>
	
<script> 
	$(function(){
		$('#nprueba').popover();
	});
	</script>
<script> 
	$(function(){
		$('#contact_firstname').popover();
	});
	</script>
  <!-- Main Page Container -->
  <div class="page-container"> 
				<!-- A. HEADER -->
	<div class="header">

			<!-- A.1 HEADER TOP -->
			<div class="header-top">

				<!-- Sitelogo and sitename -->
				<a class="sitelogo" href="#" title="Go to Start page"></a>
				<div class="sitename">
					<h1>
						<a href="index.html" title="Go to Start page">DESARROLLADORES
							<span style="font-weight: normal; font-size: 50%;">&nbsp;upc</span>
						</a>
					</h1>
					<h2>Sistema de Compra y Venta por Internet</h2>
				</div>

				<!-- Navigation Level 0 -->
				<div class="nav0">
					<ul>
						<li><a href="#" title="Homepage en Italiano"></a></li>
					</ul>
				</div>

				<!-- Navigation Level 1 
				<div class="nav1">
					<ul>
						<li><a href="index.jsp" title="Principal">Principal</a></li>
						<li><a href="ventas.jsp" title="Ventas">Ventas</a></li>
						<li><a href="comprar.jsp" title="Compras">Compras</a></li>
						<li><a href="listadoaviso.jsp" title="Listado de Avisos">Avisos</a>
						</li>
					</ul>
				</div> -->
			</div>

			<!-- A.2 HEADER MIDDLE -->
			<div class="header-middle">

				<!-- Site message -->
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
					codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
					width="896" height="145">
					<param name="movie" value="img/Encabezado.swf" />
					<param name="quality" value="high" />
					<embed src="img/Encabezado.swf" quality="high"
						pluginspage="http://www.macromedia.com/go/getflashplayer"
						type="application/x-shockwave-flash" width="896" height="145"></embed>
				</object>
			</div>

			<!-- A.3 HEADER BOTTOM -->
			<div class="header-bottom">

				<!-- Navigation Level 2 (Drop-down menus) -->
				<div class="nav2">

					<!-- Navigation item -->
					<ul>
						<li><a href="index.jsp">Principal</a></li>
					</ul>

					<!-- Navigation item -->
					<%
						if (p == null) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!-->
						</a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="FindPublicacion.jsp">Buscar Publicaci&oacute;n</a></li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
					</ul>

					<%
						}
					%>

					<!-- Navigation item -->
					<%
						if (p != null) {
							if (!p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!-->
						</a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="AddPublicacion.jsp">Crear Publicaci&oacute;n</a></li>
								<li><a href="FindPublicacion.jsp">Buscar Publicaci&oacute;n</a></li>
								<li><a href="ListPublicaciones.jsp">Listar Publicaciones</a></li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
					</ul>

					<%
						}
						}
					%>
					
					<%
						if (p != null) {
							if (p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Administraci&oacute;n<!--[if IE 7]><!-->
						</a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="prototipopersonas.jsp">Crear Usuario</a>
								</li>
								<li><a href="prototipocategorias.jsp">Crear Categoria</a>
								</li>
								<li><a href="registroaviso.jsp">Crear Aviso</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
					</ul>

					<%
						}
						}
					%>
				</div>
			</div>

			<!-- A.4 HEADER BREADCRUMBS -->

			<!-- Breadcrumbs -->
			<div class="header-breadcrumbs">
				<ul>
					<li><a href="index.jsp">Principal</a></li>
					<li><a href="ventas.jsp">Ventas</a></li>
					<li><a href="comprar.jsp">Compras</a></li>
					<li><a href="registroaviso.jsp">Ingreso de Avisos</a></li>
					<li></li>
				</ul>


				<!-- Search form -->
				<div class="searchform">
					<form action="index.html" method="get">
						<fieldset>
							<input name="field" class="field" value=" Buscar..." /> <input
								type="submit" name="button" class="button" value="Ir!" />
						</fieldset>
					</form>
				</div>
			</div>
		</div>  
    

       	<div class="main">	
				<div class="main-content" >
				<h1 class="pagetitle">Administracion <small> de Persona </small> </h1>
						 <p>&nbsp;</p>
		 		 <center> <em class="alert alert-sucess"> <strong>${MENSAJE }</strong></em> </center>
        			<div class="column1-unit">
          				<div class="contactform">
        				  <!-- <form name="myform" method="post" action="GrabaPublicacion"> -->
           					
           					<form name="myform" method="post" action="RegistrarPersona">
              	<fieldset><legend>&nbsp;Detalle del registro&nbsp;</legend>
                <p><label for="contact_firstname" class="left">Nombres:</label>
               	 <input href="#" type="text" name="contact_firstname" id="contact_firstname" class="text" style="margin: 0 auto;" value="" tabindex="${param.contact_firstname}" rel="popover" data-content="No debe haber campo vacio" data-original-title="Validacion del campo nombre" data-provide="typeahead" /></p>
     			<p><label for="contact_familyname" class="left">Apellido paterno:</label>
                <input type="text" name="contact_familyname1" id="contact_familyname1" class="field" value="" tabindex="${param.contact_familyname1}" /></p>
                <p><label for="contact_familyname" class="left">Apellido materno:</label>
                <input type="text" name="contact_familyname2" id="contact_familyname2" class="field" value="" tabindex="${param.contact_familyname2}" /></p>
                <p><label for="cboSexo" class="left">Sexo:<em class="rojo">*</em></label>
                <select name="cboSexo" id="cboSexo" class="combo">
                     <option value="choose"> Selecciona </option>
                     <option value="Masculino"> Masculino </option>
                     <option value="Femenino"> Femenino </option></select></p>
                <p><label for="txtemail" class="left" onkeyUp="">Email: <em class="rojo">*</em></label>
                <input href="#" type="text" name="txtemail" id="txtemail" class="field" value="" tabindex="${param.txtemail}" rel="popover" data-content="Debe ser un correo diferente si tiene una cuenta en el sistema y segun el ejemplo: xxxx@xxx.com" data-original-title="Validacion del Email"/></p>
                <p><label for="tipodoc" class="left">Tipo documento:<em class="rojo">*</em></label>
                <select name="tipodoc" id="tipodoc" class="combo">
                     <option value="choose"> Selecciona </option>
                     <option value="DNI"> DNI </option>
                     <option value="Pasaporte"> Pasaporte </option>
                     <option value="Carnet de Extranjeria"> Carnet de Extranjeria </option>
                     </select>
                     </p>
                <p><label for="nroidentidad" class="left"> Nro de identidad: <em class="rojo">*</em> </label>
                <input href="#" type="text"  id="nroidentidad" name="nroidentidad" class="text" value="" tabindex="${param.nroidentidad}" rel="popover" data-content="Debe ser la informacion de su documento de identidad" data-original-title="Validacion del numero de Identidad" onkeyUp="return ValNumero(this);" onChange="0" /></p>
                <p><label for="txtphone" class="left"> Celular:</label>
                <input type="text" name="txtphone" id="txtphone" class="field" value="" tabindex="${param.txtphone}"  onkeyUp="return ValNumero(this);" onChange="0" /></p>
                <p><label for="fechanac" class="left">Fecha Nacimiento:</label>
                <input href="#" type="text" name="fechanac" id="fechanac" class="field" value="" tabindex="${param.fechanac}" rel="popover" data-content="Debe cumplir un formato como el ejemplo: 1999-02-12 " data-original-title="Validacion de la fecha nacimiento" /> <em class="anaranjado">ejm. AAAA-MM-DD</em></p>
             	 <center>    <input type="reset" name="button" class="btn" id="btnCancelar" value="Cancelar" />
             	 <input href="#" type="submit" name="button" class="btn btn-success" id="btnGrabar" rel="popover" data-content="Informacion esta por agregar en el Sistema" data-original-title="Confirmacion de Grabacion" value="Grabar" />
              	 </center> 
                 <script src="js/typehead.js"></script> 
         </fieldset> 
         </form>  
          </div>  
           </div>    
           	 <hr class="clear-contentunit" /> 
        <!-- Content unit - One column -->
        		<h1 class="block">Lista de personas o usuarios ingresados en el sistema </h1>
        	<div class="column1-unit">
        	<p> <span>      
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="380" height="60">
              <param name="movie" value="img/banner_044.swf" />
              <param name="quality" value="high" />
              <embed src="img/banner_044.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" height="60" ></embed>
            </object>
			
          	</span> </p>
        		</div>    
        		
        		<%@page import="modelo.Persona"%>
					<%@page import="negocio.GestionPersona"%>
					<%@page import="java.util.ArrayList"%>
					<%@page import="java.util.Iterator"%>           
                             <%
               GestionPersona negocio1 = new GestionPersona();
       			ArrayList<Persona> listado2= negocio1.ListarCategorias_gestion();
   	Iterator w = listado2.iterator();
	if (listado2.size() > 0 ){
//	out.println("<div id=\"myCarousel\" class=\"carousel slide\">");
//	out.println("<div class=\"carousel-inner\">");
	Persona categoria2 = (Persona) w.next();
	out.println("<table class=\"table table-striped table-condensed\">");
	out.println("<thead>");
	out.println("<tr>");
	out.println("<th>ID</th>");
     out.println("<th>Nombre</th>");
     out.println("<th>Numero doc</th>");
 	out.println("</tr>");
    out.println("</thead>");
     out.println("<tbody>");
        out.println("<tr>");
        out.println("<td>"+categoria2.getIdPersona()+"</td>");
        out.println("<td>"+categoria2.getNombres()+"</td>");
        out.println("<td>"+categoria2.getNumerodoc()+"</td>");
        out.println("</tr>");
         out.println("</tbody>");
 		 out.println("</table>");

		while (w.hasNext()){
    categoria2 = (Persona) w.next();
		out.println("<table class=\"table table-striped table-bordered\">");
    		out.println("<tbody>");
        	out.println("<tr>");
        out.println("<td>"+categoria2.getIdPersona()+"</td>");
        out.println("<td>"+categoria2.getNombres()+"</td>");
        out.println("<td>"+categoria2.getNumerodoc()+"</td>");
        out.println("</tr>");
     	 out.println("</tbody>");
 		 out.println("</table>");
}
	//out.println("</div>");
	//out.println("</div>");  
}
%>  
        		      
        		<hr class="clear-contentunit" />
        <!-- Content unit - One column -->
            
          </div> 
            
            <div class="main-navigation">

				<!-- Navigation Level 3 -->
				<div class="round-border-topleft"></div>


				<%
					if (p != null) {
				%>
				<h1>Conectado</h1>
				<h2>Bienvenido Usuario:</h2>
				<h3>
					${sessionScope.USUARIO_ACTUAL.nombres }
					${sessionScope.USUARIO_ACTUAL.paterno } <a href="LogoutServlet">(Salir)</a>
				</h3>

				<%
					} else {
				%>
				<!-- Login -->
				<h1>Ingreso</h1>
				<div class="loginform">
					<form name="login" method="post" action="LogeoServlet"
						onSubmit="return validar();">
						<p>
							<input type="hidden" name="rememberme" value="0" />
						</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<fieldset>
							<p>
								<label for="username" class="top">Usuario:</label> <br /> <input
									type="text" name="username" id="username" tabindex="1"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.password);"
									value="" />
							</p>
							<p>
								<label for="password" class="top">Password:</label><br /> <input
									type="password" name="password" id="password" tabindex="2"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.cmdweblogin);"
									value="" />
							</p>
							<p>
								<input type="checkbox" name="checkbox_1" id="checkbox_1"
									class="checkbox" tabindex="3" size="1" value=""
									onClick="webLoginCheckRemember()" /> <label for="checkbox_1"
									class="right">Recordarme</label>
							</p>
							<p>
								<input type="submit" name="cmdweblogin" class="button"
									value="LOGIN" />
							</p>
							<p style="color: red;">${LOGUEO}</p>
							<a href="#" class="" id=""><img class="loading-pict-S" src="http://www.androidfocus.net/wp-content/uploads/2011/11/android-logo.png"  width="60" height="60"></a>
						</fieldset>
					</form>
				</div>

				<%
					}
				%>


				<!-- Title -->

				<!-- Text formats -->
				<h1>Compras</h1>
				<h2>Las mas populares</h2>
				<h3>Texto</h3>
				<p>Texto</p>

				<h3>Enlaces</h3>
				<ul class="bullet">
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li>Fact 1</li>
					<li>Fact 2</li>
				</ul>

				<h3>&nbsp;</h3>
				<h3>
					Imagenes<br />
				</h3>
				<p>
					<img src="./img/image.jpg" width="50" alt="Image description"
						title="Image title" />Descripcion.
				</p>
				<p>
					<img class="center" src="./img/image.jpg" width="50"
						alt="Image description" title="Image title" />
				</p>
				<p>
					<!-- Image Links -->
				</p>

				<h3>&nbsp;</h3>
			</div>
               
        </div>
       </div>
     

      
     
   <!-- END COPY here -->
 
  

</body>
</html>